import React from 'react'
import './App.scss'
import CountDown from './views/countDown.jsx'
import { Tabs } from 'antd'
const { TabPane } = Tabs

export default class App extends React.Component {
	constructor(props) {
		super(props)
		this.state = {
			key: '1'
		}
	}

	render() {
		const { key } = this.state
		return (
			<div className="App">
				<Tabs defaultActiveKey={key} className="appTabs">
					<TabPane tab="主页" key="1">
						<img src="./img/home.jpg" className="homeImg"></img>
					</TabPane>
					<TabPane tab="To Do List" key="2">
						to do list
					</TabPane>
					<TabPane tab="考研倒计时" key="3">
						<CountDown />
					</TabPane>
				</Tabs>
			</div>
		)
	}
}
